<template>
  <div>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
      <ul class="layui-tab-title" id="LAY_mine">
        <li data-type="mine-jie" lay-id="index" class="layui-this">我发的帖（<span v-text="total"></span>）</li>
<!--        <li data-type="collection" lay-id="collection">我收藏的帖（<span>16</span>）</li>-->
      </ul>
      <div class="layui-tab-content" style="padding: 20px 0;">
        <div class="layui-tab-item layui-show">
          <ul class="mine-view jie-row">

            <li v-for="item of list" :key="item.id">
              <router-link class="jie-title" :to="/detail/ + item.id">{{item.title}}</router-link>
              <i v-text="item.created_at"></i>
              <router-link class="mine-edit" :to="/publish/ + item.id">编辑</router-link>
              <em>{{item.view_count}}阅/{{item.reply_count}}答</em>
            </li>

          </ul>
          <div id="LAY_page"></div>
        </div>

        <div class="layui-tab-item">
          <ul class="mine-view jie-row">
            <li>
              <a class="jie-title" href="../jie/detail.html" target="_blank">基于 layui 的极简社区页面模版</a>
              <i>收藏于23小时前</i>  </li>
          </ul>
          <div id="LAY_page1"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: 'UserIndexContent',
  props: {
    list: Array,
    total: Number
  }
}
</script>